.indexban{position:relative}
.indexbanner .textbox{position:absolute;top:40%;left:75%;opacity:0;margin-left:-42.895vw;z-index:10;transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s}
.indexbanner .textbox.cur{left:50%;opacity:1}
.indexbanner .textbox .type .line{width:50px;height:1px;margin-top:13px;margin-right:10px}
.indexbanner .textbox .type .text{font-size:16px;}
.indexbanner .textbox .title{font-size:48px;;line-height:1.2;margin-top:10px}
.indexbanner .textbox .desc {font-size: 24px;color: #000;margin-top: 10px;}
.indexbanner .textbox .brief {font-size: 18px;color: #fff;margin-top: 10px;}
.indexbanner .textbox .more{width:56px;height:56px;margin-top:75px;display:block;font-size:18px;border:1px solid;text-align:center;line-height:56px;text-align:center;font-weight:bold;color:#000;font-family:宋体, 'SimSun';}
.indexbanner .textbox .more:hover{background-color:#0086e8;border-color:#0086e8 !important;color:#fff !important}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:8px;left:auto;right:7.105vw;bottom:auto;top:50%;padding-bottom:16px;background-image:url(../image/banicon.png);background-repeat:no-repeat;background-position:center bottom;}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:3px 0}
.indexban .swiper-pagination-bullet{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexban .swiper-pagination-bullet-active{height:29px;background-color:#0068b7;border-radius:8px;}
.indexban .img img{width:100%}
.bandown{width:666px;height:100px;background-color:#fff;padding-left:80px;position:absolute;bottom:0;right:0;padding-right:7.105vw;z-index:12;cursor:pointer}
.bandown.probandown{background-color:#f5f5f5}
.bandown .text{color:#666;;line-height:100px}
.bandown .icon{line-height:100px}
.bandown .icon img{display:initial;vertical-align:middle;margin-bottom:3px}
.m-bann .textbox{width:calc(100% - 30px);margin:0 auto;background-color:#fff;margin-top:-20px;position:relative;padding:30px 40px 50px}
.m-bann .textbox .line{width:25px;height:1px;margin-top:12px;margin-right:4px;background-color:#0086e8 !important}
.m-bann .textbox .text{;color:#0086e8 !important}
.m-bann .textbox .title{font-size:20px;color:#000 !important;;line-height:1.2;margin-top:5px}
.m-bann .textbox .desc {font-size: 14px;color: #000;margin-top: 5px;}
.m-bann .textbox .more{margin-top:30px;width:32px;height:32px;display:block;font-size:16px;border:1px solid;border-color:#000 !important;color:#000 !important;line-height:32px;text-align:center;font-weight:bold;color:#000;font-family:宋体, 'SimSun'}
.indexa{
    padding:120px 0 20px 0;
    
}
.indextitle{font-size:36px;color:#000;}
.indexa-l .indextitle{line-height:1}
.indexa-lslide{margin-top:28px}
.indexa-lslide .swiper-wrapper{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.indexa-lslide .swiper-slide{margin-bottom:20px}
.indexa-lslide .swiper-slide .text{
    display:inline-block;
    border-bottom:2px solid transparent;
    font-size:16px;
    cursor:pointer;
    
}
 .npa {
        font-size: 30px;
    }

.indexa-lslide .swiper-slide.cur .text,
.indexa-lslide .swiper-slide:hover .text{border-bottom:2px solid #0068b7;color:#0068b7}
.indexa-lslide .swiper-slide:nth-last-of-type(1){margin-bottom:0}
.indexa-l{max-width:260px;margin-right:7.916vw}
.indexa-r{width:calc(100% - 260px - 7.916vw)}
.indexa-r .indexa-rlist{display:none;position:relative}
.indexa-r .indexa-rlist.cur{display:block}
.indexa-r .indexa-rlist .wapimg{display:none}
.indexa-r .indexa-rlist .textbox{max-width:450px;background-color:#fff;position:absolute;top:50%;margin-top:-11.618vw;left:60px;padding:3.2vw 5.1vw 4.062vw 4.062vw}
.indexa-r .indexa-rlist .textbox .title{font-size:24px;color:#000;line-height:30px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexa-r .indexa-rlist .textbox .text{color:#666;margin-top:15px;line-height: 24px;max-height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexa-r .indexa-rlist .textbox .morebox{width:166px;display:block;height:56px;margin-top:88px;border:1px solid #e2e2e2;line-height:54px;color:#666;;padding-left:28px;background-image:url(../image/iamore.png);background-repeat:no-repeat;background-position:right 28px center}
.indexa-r .indexa-rlist .swiper-button-next,
.indexa-r .indexa-rlist .swiper-button-prev{width:56px;height:56px;text-align:center;line-height:54px;font-size:16px;border:1px solid #e2e2e2;right:auto;top:auto;margin-top:0;background-image:none;font-family:宋体, 'SimSun';font-weight:bold;color:#999;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexa-r .indexa-rlist .swiper-button-next{left:calc(-7.916vw + -180px)}
.indexa-r .indexa-rlist .swiper-button-prev{left:calc(-7.916vw + -260px)}
.indexa-r .indexa-rlist .textbox .morebox:hover{background-color:#0068b7;color:#fff;border:1px solid #0068b7;background-image:url(../image/iamore_cur.png);background-position:right 18px center}

.indexa-r li {
    list-style-type: none;
    width: 29.3%;
    margin: 2%;
    float: left;
    text-align: center;
    box-shadow: 5px 5px 5px #dcdcdc;
}

.indexa-r li h3 {
    font-size: 18px;
    line-height: 40px;
}



.indexb{padding:120px 0;background-color:#f4f4f4}
.indexb .swiper-button-next,
.indexb .swiper-button-prev,
.indexe .swiper-button-next,
.indexe .swiper-button-prev{width:56px;height:56px;text-align:center;position:static;line-height:54px;font-size:16px;border:1px solid #e2e2e2;right:auto;top:auto;margin-top:0;background-image:none;font-family:宋体, 'SimSun';font-weight:bold;color:#999;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexb .swiper-button-next,
.indexe .swiper-button-next{margin-left:10px}
.indexb .more,
.indexe .more{width:56px;height:56px;;margin-left:20px;display:block;background-image:url(../image/newmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexb .more:hover,
.indexe .more:hover{background-image:url(../image/newmore_cur.png)}
.indexb .swiper-button-prev:hover,
.indexb .swiper-button-next:hover,
.indexa-r .indexa-rlist .swiper-button-next:hover,
.indexa-r .indexa-rlist .swiper-button-prev:hover,
.indexe .swiper-button-next:hover,
.indexe .swiper-button-prev:hover{color:#fff;background-color:#0068b7;color:#fff;border:1px solid #0068b7}
.indexbslide{margin-top:50px;padding-left:7.105vw}
/* .indexbslide .swiper-container{} */
.indexbslide .swiper-slide{height:auto;overflow:hidden}
.indexbslide .swiper-slide .box{display:block;overflow:hidden}
.indexbslide .swiper-slide .box .img img{width:100%}
.indexbslide .textbox{padding:52px 60px 80px 60px;position:relative;background-color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .title{font-size:24px;color:#000;;line-height:1.3;max-height:31px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .text{color:#666;margin-top:25px;max-height:72px;line-height: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexbslide .textbox .morebox{opacity:0;position:absolute;left:58px;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .morebox .moretext{color:#0068b7;}
.indexbslide .textbox .morebox .icon{margin-top:9px;margin-left:10px}
.indexbslide .swiper-slide .box:hover .textbox .title{color:#0068b7}
.indexbslide .swiper-slide .box:hover .morebox{margin-top:46px;opacity:1;bottom:80px}
.indexbslide .swiper-slide .box:hover .textbox{padding:52px 66px 148px 58px;margin-top:-68px}
.indexc{padding:160px 0;background-image:url(../image/icbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexc .box{margin-top:60px}
.indexc .bigtitle{text-align:center;color:#fff;font-size:36px;}
.indexc .list{width:25%;position:relative}
.indexc .list:after{content:"";width:1px;height:72px;background-color:rgba(255,255,255,0.3);position:absolute;top:14px;right:0}
.indexc .list:nth-of-type(4):after{display:none}
.indexc .list .numUp{color:#fff;font-size:60px;text-align:center;;line-height:1.2}
.indexc .list .text{padding:0 10px;text-align:center;color:#fff;;line-height:1.2}
.indexd{margin-top:5px}
.indexd .textbox,
.indexd .img{width:calc(25% - 1px)}
.indexd .img.mr4{margin-right:4px}
.indexd .img.mr4 img{width:100%}
.indexd .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexd .textbox{background-color:#f4f4f4;padding:64px 88px 0 80px}
.indexd .textbox .title{font-size:36px;color:#000;max-height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexd .textbox .text{color:#666;max-height:95px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin-top:30px;height:100px;}
.indexd .textbox .morebox{width:166px;height:56px;display:block;margin-top:4.479vw;padding-left:28px;;line-height:54px;color:#666;;border:1px solid #e2e2e2;background-image:url(../image/iamore.png);background-repeat:no-repeat;background-position:right 28px center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexd .textbox .morebox:hover{background-image:url(../image/iamore_cur.png);color:#fff;background-color:#1263aa;border:1px solid #1263aa}
.indexd .wapimg{display:none}
.indexe{padding:110px 0 120px}
.indexe .img img{width:100%}
.indexe .bot{margin-top:50px}
/* .indexe .bot .swiper-container{padding-right:1px} */
.indexe .bot .swiper-slide{border-right:1px solid #efefef}
.indexe .bot .box{display:block}
.indexe .bot .box .textbox{padding:45px 50px 94px 48px;border:1px solid #efefef;border-top:none;border-right:none}
.indexe .bot .box .textbox .title{color:#000;font-size:18px;}
.indexe .bot .box .textbox .desc {font-size: 14px;color: #666;line-height: 24px;height: 48px;margin-top: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexe .bot .box .textbox .morebox{display:inline-block;margin-top:46px;padding-right:40px;color:#666;;background-image:url(../image/iamore.png);background-repeat:no-repeat;background-position:right center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexe .bot .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexe .bot .box:hover .textbox .morebox{background-image:url(http://www.maxphotonics.com/img/iamore_cur2.png);color:#1263aa}

@media (max-width:1580px){
    .indexbanner .textbox{margin-left:-44.395vw}
    .bandown{padding-right:5.605vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{right:5.605vw}
    .indexa-l{max-width:240px;margin-right:5vw}
    .indexa-r{width:calc(100% - 240px - 5vw)}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -160px)}
    .indexa-r .indexa-rlist .swiper-button-prev{left:calc(-5vw + -240px)}
    .indexa-r .indexa-rlist .textbox{margin-top:-13.118vw}
    .indexa-lslide .swiper-slide{margin-bottom:15px}
}

@media (max-width:1440px){
    .indexbanner .textbox{margin-left:-46.395vw}
    .indexbanner .textbox .title{font-size:34px}
    .indexbanner .textbox .more{width:40px;height:40px;line-height:40px;margin-top:40px}
    .bandown{padding-left:52px;padding-right:3.605vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{right:3.605vw}
    .indexa-l{max-width:220px;width:220px;margin-right:4vw}
    .indexa-r{width:calc(100% - 220px - 4vw)}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -130px)}
    .indexa-r .indexa-rlist .swiper-button-prev{left:calc(-5vw + -210px)}
    .indexa-r .indexa-rlist .textbox{margin-top:-11.920vw}
    .indextitle{font-size:30px}
    .indexa-lslide .swiper-slide{margin-bottom:10px}
    .indexa-r .indexa-rlist .textbox .title{max-height:31px;-webkit-line-clamp:1}
    .indexa-r .indexa-rlist .textbox .text{max-height:66px;-webkit-line-clamp:3}
    .indexa{padding:85px 0}
    .indexd .textbox{padding:34px 58px 0 50px}
    .indexd .textbox .title{font-size:30px;max-height:47px}
    .indexd .textbox .morebox{margin-top:3vw}
    .indexbslide{padding-left:3.105vw}
}

@media (max-width:1367px){
    .indexd .textbox .title,
    .indexe .bot .swiper-container{padding-right:1px}
}

@media (max-width:1280px){
    .indexa-lslide .swiper-slide{margin-bottom:5px}
    .indexa-r .indexa-rlist .textbox{max-width:320px;padding:3.645vw 3.5vw 4.062vw}
    .indexa-r .indexa-rlist .swiper-button-next, .indexa-r .indexa-rlist .swiper-button-prev{width:40px;height:40px;line-height:38px}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -160px)}
    .indexd .textbox{padding:24px 30px}
    .indexd .textbox .morebox{margin-top:2vw}
}
@media (max-width:1024px){
    .indexe .bot .swiper-container{padding-right:0}
    .bandown{display:none}
    .indexban{background-color:#f3f3f3}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{padding-left:15px;height:8px;right:auto;left:50%;bottom:55%;top:auto;padding-bottom:0;background-image:url(../image/baniconwap.png);background-position:left top}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;vertical-align:top;}
    .indexban .swiper-pagination-bullet-active{height:8px;width:20px}
    .indexa{padding:60px 0 40px}
    .indextitle{font-size:20px;font-weight: 700;}
    .indexa-l{width:100%;max-width:100%;margin-right:0;padding-left:15px}
    .indexa-lslide .swiper-wrapper{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-moz-box-flex:nowrap;-ms-flex-wrap:nowrap}
    .indexa-r{width:100%;padding:0 15px;margin-top:25px}
    .indexa-lslide .swiper-slide{width:auto;margin-right:5vw}
    .indexa-lslide .swiper-slide .text{font-size:14px;word-break:break-all}
    
   .npa {
        font-size: 20px;
    }
    
    
    .indexa-l .indextitle{text-align:center}
    .indexa .wrap{padding:0}
    .indexa-lslide{margin-top:15px}
    .indexa-r .indexa-rlist .wapimg{display:block}
    .indexa-r .indexa-rlist .img{display:none}
    .indexa-r .indexa-rlist .textbox{max-width:100%;padding:20px;position:static;margin-top:0}
    /* .indexa-lslide .swiper-slide{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} */
    .indexa-r .indexa-rlist .textbox .title{font-size:20px;max-height:28px}
    .indexa-r .indexa-rlist .textbox .text{max-height:94px;-webkit-line-clamp:4;margin-top:6px}
    .indexa-r .indexa-rlist .textbox .morebox{width:126px;height:40px;margin-top:25px;line-height:38px;padding-left:15px;background-size:16px auto;background-position:right 15px center;}
    .indexa{background-color:#f3f3f3}
    .indexb{padding:0 0 100px;position:relative}
    .indexb .indextitle{width:100%;text-align:center}
    .indexbslide .textbox{padding:25px}
    .indexbslide .textbox .title{font-size:20px}
    .indexbslide{margin-top:20px;padding-left:15px}
    .indexbslide .textbox .text{max-height:125px;-webkit-line-clamp:5}
    .indexbtop-r{width:100%;text-align:center;position:absolute;bottom:50px;left:0;float:none}
    .indexbtop-r .swiper-button-next,
    .indexbtop-r .swiper-button-prev,
    .indexbtop-r .more{width:30px;height:30px;line-height:28px;display:inline-block;float:none;vertical-align:middle}
    .indexb .more{margin-left:10px}
    .indexc{padding:50px 0 40px;background-image:url(../image/icbgwap.jpg)}
    .indexc .bigtitle{font-size:20px;line-height:1.4}
    .indexc .list{width:46%;margin-right:8%;padding:20px 0}
    .indexc .list:nth-of-type(2n){margin-right:0}
    .indexc .box{margin-top:0px}
    .indexc .list .numUp{font-size:30px}
    .indexc .list:after{width:100%;height:1px;bottom:0;top:auto;background-color:rgba(255,255,255,0.1)}
    .indexc .list:nth-of-type(3):after{display:none}
    .indexc .list .text{padding:0 14px;font-size:12px}
    .indexd .textbox, .indexd .wapimg{width:50%}
    .indexd .wapimg{display:block}
    .indexd .img{display:none}
    .indexd .textbox{padding:30px 15px 20px}
    .indexd .textbox .title{font-size:20px;line-height:1.2}
    .indexd .textbox .text{margin-top:8px;line-height:1.4;-webkit-line-clamp:4;max-height:76px}
    .indexd .textbox .morebox{width:110px;font-size:13px;padding-left:10px;line-height:34px;height:36px;margin-top:22px;background-size:14px;background-position:right 10px center}
    .indexd .textbox .morebox .moretext{line-height:34px}
    .indexd .textbox .morebox .icon{margin-left:2px;width:16px}
    .indexe{padding:40px 0 110px;position:relative}
    .indexe .bot .box .textbox{padding: 30px 25px 40px}
    .indexe .bot .box .textbox .title{font-size:18px;line-height:28px;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .indexe .bot .box .textbox .desc {height: 66px;line-height: 22px;-webkit-line-clamp: 3;margin-top: 8px;}
    .indexe .bot .box .textbox .morebox{margin-top:15px}
    .indexe .bot{margin-top:20px}
    .indexe .indextitle{width:100%;text-align:center}
    .indexe .top,
    .indexe .wrap{position:static}
    .copyright {width: 80%;margin: 0 auto}
    .copyright, .copyright a {line-height: 20px;}
}

/* 产品 */
.productbox{background-color:#f5f5f5;padding:100px 0 120px}
.protop .protoplf{font-size:34px;color: #000;}
.protop .protoplr{font-size:18px;color:#999;}
.proitems{margin-top:50px}
.proitem{width:31%;margin-right:3.5%;margin-bottom:50px;display:block}
.proitem:nth-of-type(3n){margin-right:0}
.proitem .textbox{background-color:#fff;padding:46px 66px 78px 56px}
.proitem .textbox .title{color:#000;font-size:24px;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem .textbox .text{margin-top:14px;color:#666;line-height:1.714;max-height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.proitem:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.promore{text-align:center}
.promore .box{cursor:pointer;margin:20px auto 0;border:1px solid #e2e2e2;width:246px;height:67px;text-align:center}
.promore .box .icon{line-height:65px;display:none}
.promore .box .icon img{display:initial;vertical-align:middle;margin-bottom:3px;display:inline-block}
.promore .box .text{line-height:67px;color:#666;;display:inline-block}
.promore.cur .box .icon{display:inline-block;animation:xuanzhuan 1s linear 0s infinite normal none;-webkit-animation:xuanzhuan 1s linear 0s infinite normal none;-moz-animation:xuanzhuan 1s linear 0s infinite normal none}
.promore.cur .box .text{margin-left:18px}

@keyframes xuanzhuan{
    form{transform:rotate(360deg)}
    to{transform:rotate(360deg)}
}

@-webkit-keyframes xuanzhuan{
    form{-webkit-transform:rotate(360deg)}
    to{-webkit-transform:rotate(360deg)}
}

@-moz-keyframes xuanzhuan{
    form{-moz-transform:rotate(360deg)}
    to{-moz-transform:rotate(360deg)}
}

@-webkit-keyframes circleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-moz-keyframes circleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes circleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


@media (max-width:1440px){
    .productbox{padding:60px 0 80px}
}


@media (max-width:1024px){
    .productbox{padding:40px 0 50px}
    .protop .protoplf{font-size:18px}
    .protop .protoplr{margin-top:6px}
    .proitems{margin-top:25px}
    .proitem{width:100%;margin-right:0;margin-bottom:20px}
    .proitem .img img{width:100%}
    .proitem .textbox{padding:20px 15px}
    .proitem .textbox .title{font-size:20px;max-height:26px}
    .proitem .textbox .text{margin-top:8px;line-height:1.4;max-height:38px}
    .promore .box{width:166px;height:56px}
    .promore .box .text{line-height:56px}
    .promore .box .icon{line-height:54px}
}

@media (max-width:380px){
    .protop .protoplf{font-size:16px}
    .protop .protoplr{margin-top:4px}
}

@media (max-width:370px){
    .protop .protoplf{font-size:14px}
    .protop .protoplr{margin-top:2px}
}
.pageban .desc {font-size: 30px;line-height: 42px;color: #fff;text-align: center;}


/*关于我们 */
.abouttextbox{width:100%;opacity:0;position:absolute;left:0;top:30%;margin-top:-122px;transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s}
.abouttextbox .title{color:#fff;font-size:60px;;line-height:1.2;text-align:center}
.abouttextbox .player{width:70px;height:70px;margin:30px auto 0;cursor:pointer}
.abouttextbox.cur{opacity:1;top:50%}
.aboutvideo{width:100%;height:100%;z-index:88;position:fixed;top:0;left:0;background-color:#fff;display:none}
.aboutvideo video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:89}
.aboutvideo .close{position:absolute;top:30px;right:30px;cursor:pointer;height:30px;z-index:90}
.aboutvideo.cur{display:block}
/* .aboutban.cur .aboutvideo video{visibility:visible;z-index:10;opacity:1;object-fit:fill} */
.aboutban.cur .img,
.aboutban.cur .abouttextbox{visibility:hidden;z-index:-1;opacity:0}
.aboutban .showvideo video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:fill}
.about1{padding:120px 0 100px}
.about1 .textbox{width:calc(100% - 992px);margin-right:168px}
.about1 .textbox .title{color:#000;font-size:34px;}
.about1 .textbox .text{margin-top:45px;color:#666;line-height:2.143;text-align: justify;}
.about1 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.abouttitle{font-size:34px;text-align:center}
.about2{background-color:#f8f8f8;padding:135px 0 120px}
.about2items{margin-top:42px}
.about2item{background-color:#fff}
.about2item .img,
.about2item .pcimg{width:50%}
.about2item .img img,
.about2item .pcimg img{width:100%}
.about2item .wapimg{display:none}
.about2item .textbox{width:50%;padding:4.375vw 7.404vw 0 5.729vw}
.about2item .textbox .date{color:#1263aa;font-size:48px;}
.about2item .textbox .title{font-size:24px;margin-top:8px}
.about2item .textbox .box{margin-top:64px}
.about2item .textbox .box .list{line-height:2.143}
.about2item .textbox .box .list span{color:#1263aa;}
.about3{padding:114px 0 132px}
.about3items{margin-top:50px}
.about3item{display:block;width:31%;margin-right:3.5%;background-color:#f8f8f8}
.about3item:nth-of-type(3n){margin-right:0}
.about3item .textbox{padding:34px 50px 60px}
.about3item .title{font-size:24px;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.about3item .text{margin-top:26px;color:#666;line-height:1.714}
.about3item .img img{width:100%}
.about3item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@media (max-width:1440px){
    .abouttitle{font-size:28px}
    .about1{padding:95px 0 65px}
    .about2{padding:100px 0 85px}
    .about3{padding:80px 0 100px}
    .about1 .textbox{width:calc(100% - 703px);margin-right:80px}
    .about1 .img{width:623px}
    .about1 .textbox .text{margin-top:30px}
    .about2item .textbox{padding:3vw 4.5vw 0 3.5vw}
    .about2item .textbox .date{font-size:34px}
    .about2item .textbox .box{margin-top:30px}
    .about2item .textbox .box .list{line-height:1.8}
    .abouttextbox .title{font-size:42px}
    .abouttextbox{margin-top:-100px}
}

@media (max-width:1024px){
    .abouttitle{font-size:20px}
    .about1,
    .about2,
    .about3{padding:40px 0}
    .about1 .textbox{width:100%;margin-right:0}
    .about1 .textbox .title{font-size:20px}
    .abouttextbox .title{font-size:20px}
    .abouttextbox{margin-top:-50px}
    .abouttextbox .player{width:34px;height:34px;margin:10px auto 0}
    .about1 .textbox .text{margin-top:10px;line-height:1.8}
    .about1 .img{width:100%;margin-top:20px}
    .about2items, .about3items{margin-top:25px}
    .about2item .img, .about2item .wapimg{width:100%;display:block}
    .about2item .pcimg{display:none}
    .about2item .textbox{width:100%;padding:20px 15px}
    .about2item .textbox .date{font-size:26px;line-height:32px}
    .about2item .textbox .title{font-size:16px;margin-top:3px}
    .about2item .textbox .box{margin-top:15px}
    .about2item .textbox .box .list{line-height:1.6}
    .about3item{width:100%;margin-right:0;margin-bottom:20px}
    .about3item .textbox{padding:20px 15px}
    .about3item .title{font-size:16px;max-height:26px}
    .about3item .text{margin-top:10px;line-height:1.6}
}

.abouttextbox .apptitle2{color:#fff;font-size:24px;line-height:1.2;text-align:center}
.abouttextbox .apptitle{color:#fff;font-size:34px;line-height:1.2;text-align:center;margin-top:8px}
.abouttextbox.apptextbox{margin-top:-40px}
.app1{padding:120px 0}
/*.app1 .app1item{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}*/
.app1 .title{color:#000;font-size:34px;}
.app1 .text{color:#666;line-height:1.714}
.app1 .one .textbox,
.app1 .two .img{width:35.21%;margin-right:7.39%}
.app1 .one .text{margin-top:50px}
.app1 .two .textbox,
.app1 .one .img{width:57.4%}
.app1 .two .textbox {padding-top: 32px;}
.app1 .one .wapimg{display:none}
.app1 .two{margin-top:37px}
.app1 .app1item .img:hover img,
.app2 .item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.app2{padding:114px 0 140px;background-color:#f5f5f5}
.app2 .title{color:#000;text-align:center;font-size:36px;}
.app2 .items{margin-top:42px}
.app2 .items .item{width:24%;margin-right:1.3333%;display:block}
.app2 .items .item:hover{margin-top:-10px}
.app2 .items .item:nth-of-type(4n){margin-right:0}
.app2 .items .item img{width:100%}
.app2 .items .item .title{color:#000;padding:0 10px;font-size:18px;height:82px;background-color:#fff;line-height:82px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.contact{padding:74px 0 72px}
.contact .tab-title {margin-top: 50px;}
.contact .tab-title ul {width: 100%;display: flex;display: -webkit-flex;}
.contact .tab-title ul li {width: 23%;margin-right: 2.66%;}
.contact .tab-title ul li:last-child {margin-right: 0;} 
.contact .tab-title ul li:hover .line:before,
.contact .tab-title ul li.on .line:before {width: 100%;} 
.contact .tab-title .line {width: 100%;height: 6px;background: #edf3f3;}
.contact .tab-title .line:before {content: "";display: block;width: 0;height: 100%;left: 0;top: 0;z-index: 10;background: #1263aa;transition:width 0.3s ease;} 
.contact .tab-title .name {font-size: 24px;margin: 26px auto 20px;}
.contact .tab-title .detail {color: #666;line-height: 24px;}
.contact .tab-title .name,
.contact .tab-title .detail {padding-right: 50px;}
.contact .box{margin-top:52px}
.contactlf{max-width:428px;margin-right:13.75vw}
.conmapbox{height:640px;position: relative;}
.conmapbox .item:hover ,
.conmapbox .item.on {display: block;} 
.conmapbox .item:hover .info,
.conmapbox .item.on .info{display: flex;animation: fadeIn 0.4s ease;} 
.conmapbox .item {height:100%;overflow: hidden;display: none;}
.conmapbox .info {display: none;position: absolute;right: 0;top: 0;z-index: 10;padding-right: 475px;/*width: 100%*/;height: 100%;display: -webkit-flex;justify-content: flex-end;align-items: center;}
.conmapbox .info .inner {width: 310px;background: #fff;box-shadow: 0 5px 30px rgba(0,0,0,0.2);padding: 20px;}
.conmapbox .info .pic {width: 100%;overflow: hidden;margin-bottom: 20px;}
.conmapbox .info .pic img {width: 100%;height: 188px;object-fit: cover;transition:transform 0.5s ease;}
.conmapbox .info .pic img:hover {transform: scale(1.05);}
.conmapbox .info .name {font-size: 18px;color: #000;}
.conmapbox .info .desc {font-size: 14px;color: #666;line-height: 20px;margin: 10px auto 14px;}
.conmapbox .map{width:100%;height:100%;object-fit: cover}
.culture1{padding:112px 0 120px}
.culture1 .bigtitle,
.culture2 .bigtitle{color:#000;font-size:34px;text-align:center;}
.culture1 .cultureslide{margin-top:44px;position:relative}
.culture1 .cultureslide .swiper-slide{height:auto}
.culture1 .cultureslide .swiper-slide .box{height:100%}
.culture1 .cultureslide .swiper-slide .img{width:100%}
.culture1 .cultureslide .swiper-slide .textbox{width:100%;border:1px solid #eee;border-top:none;padding:34px 3vw;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.culture1 .cultureslide .swiper-slide .textbox .title{color:#000;font-size:24px;text-align:center;}
.culture1 .cultureslide .swiper-slide .textbox .text{margin-top:10px;min-height:36px;text-align:center;text-align:center;line-height:1.286;color:#666;}
.culture1 .swiper-button-next,
.culture1 .swiper-button-prev{width:56px;height:56px;margin-top:-92px;background-color:#f2f2f2;background-size:auto;opacity:0}
.cultureslide:hover .swiper-button-next,
.cultureslide:hover .swiper-button-prev{opacity:1}
.culture1 .swiper-button-prev{background-image:url(../image/cul-l.png);left:-28px}
.culture1 .swiper-button-next{background-image:url(../image/cul-r.png);right:-28px}
.culture1 .swiper-button-prev:hover{background-color:#1263aa;background-image:url(../image/cul-lcur.png)}
.culture1 .swiper-button-next:hover{background-color:#1263aa;background-image:url(../image/cul-rcur.png)}
.culture1 .cultureslide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.culture2{padding:114px 0 50px;background-color:#f2f2f2}
.culture2 .box{margin-top:52px}
.culture2 .list{width:31%;margin-right:3.5%;margin-bottom:64px;display:block}
.culture2 .list:nth-of-type(3n){margin-right:0}
.culture2 .list .img img{width:100% }
.culture2 .list .textbox{margin-top:30px}
.culture2 .list .textbox .t{font-size: 14px;color: #999;margin-bottom: 8px;}
.culture2 .list .textbox .name{font-size:16px;}
.culture2 .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.culture1 .cultureslide .swiper-slide .box{flex-flow:column;-webkit-flex:column;-moz-flex:column}
.appb2{padding:106px 0 118px}
.appb2 .appb2items{margin-top:44px}
.appb2item{width:23.5%;margin-right:2%;display:block;margin-bottom:30px}
.appb2item:nth-of-type(4n){margin-right:0}
.appb2item .textbox{padding:24px 10px;border:1px solid #eee;border-top:none}
.appb2item .textbox .title{color:#000;font-size:18px;height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.appb1{padding:110px 0 0}
.appb1 .bigtitle{color:#000;font-size:36px;text-align:center;}
.appb1 .appb1slide{margin-top:40px}
.appb1 .textbox{width:35%;position:absolute;top:0;left:0;padding:42px 6.462vw 0 0}
.appb1 .textbox .title{color:#000;font-size:34px;line-height:1.4;max-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.appb1 .textbox .text{color:#666;line-height:1.714;margin-top:22px;max-height:207px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}
.appb1 .textbox .morebox{display:inline-block;color:#1263aa;;padding-right:38px;margin-top:56px;background-image:url(../image/newmore2.png);background-repeat:no-repeat;background-position:right center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.appb1 .swiper-slide:hover .textbox .morebox{padding-right:48px;background-image:url(http://www.maxphotonics.com/img/iamore_cur2.png)}
.appb1 .swiper-slide .img{width:65%}
.appb1 .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.appb1 .swiper-slide a{justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start}
.appb1 .swiper-slide-active a,
.appb1 .swiper-slide-prev a{justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end}
.appb1 .swiper-slide .textbox{display:none}
.appb1 .swiper-slide-active .textbox{display:block}
.appb1 .appb1slide .swiper-button-next,
.appb1 .appb1slide .swiper-button-prev{width:12px;height:22px;margin-top:0;top:auto;right:auto;bottom:100px;background-size:100% 100%}
.appb1 .appb1slide .swiper-button-prev{background-image:url(../image/appb-l.png);left:230px}
.appb1 .appb1slide .swiper-button-next{background-image:url(../image/appb-r.png);left:320px}
.appb1 .appb1slide .numbox{position:absolute;bottom:98px;left:262px}
.appb1 .appb1slide .numbox .pagenum,
.appb1 .appb1slide .numbox .line,
.appb1 .appb1slide .numbox .allnum{font-size:18px;}
.appb1 .appb1slide .numbox .line{margin:0 6px}

@media screen and (min-width: 1024px) {
    .indexe .bot .box .textbox .title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
@media (max-width:1580px){
    .appb1 .appb1slide .swiper-button-prev{left:12.4vw}
    .appb1 .appb1slide .numbox{left:14.93vw;bottom:4.28vw}
    .appb1 .appb1slide .swiper-button-next{left:19.11vw}
    .appb1 .appb1slide .swiper-button-next, .appb1 .appb1slide .swiper-button-prev{bottom:4.36vw}
}

@media (max-width:1440px){
    .abouttextbox .apptitle2{font-size:20px}
    .abouttextbox .apptitle{font-size:30px}
    .app1{padding:92px 0}
    .app1 .two .textbox,
    .app1 .one .img{width:50.4%}
    .app1 .one .textbox,
    .app1 .two .img{width:44.21%;margin-right:5.39%}
    .app1 .one .text{margin-top:30px}
    .app1 .app1item{align-items:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start}
    .app1 .title{font-size:30px;line-height:1}
    .app2{padding:84px 0 110px}
    .contact,
    .culture1{padding:82px 0 86px}
    .contact .box{margin-top:30px}
    .conmapbox{height:450px}
    .culture2{padding:84px 0 20px}
    .culture1 .bigtitle, .culture2 .bigtitle{font-size:30px}
    .culture1 .cultureslide .swiper-slide .textbox{padding:34px 1.2vw}
    .appb1 .swiper-slide .textbox{padding:25px 4vw 0 0}
    .appb1 .textbox .title{font-size:30px;max-height:42px}
    .appb1 .textbox .text{margin-top:15px;-webkit-line-clamp:7;max-height:162px}
    .appb1 .textbox .morebox{margin-top:35px}
    .appb1 .appb1slide .numbox{left:14.63vw}
    .contactmess .prod7lf{width:80%}
    .culture1 .swiper-button-next, .culture1 .swiper-button-prev{margin-top:-96px}
}

@media (max-width:1280px){
    .appb1 .textbox .text{margin-top:15px;-webkit-line-clamp:4;max-height:92px}
}

@media (max-width:1024px){
    .appb2{padding:40px 0}
    .abouttextbox .apptitle2{font-size:16px}
    .abouttextbox .apptitle,
    .app1 .title,
    .app2 .title{font-size:20px}
    .app1, .app2, .culture1{padding:40px 0}
    .app1 .one .textbox, .app1 .two .img, .app1 .two .textbox, .app1 .one .img{width:100%}
    .app1 .one .text{margin-top:12px;line-height:1.6}
    .app1 .one .wapimg{display:block}
    .app1 .one .img{display:none}
    .app1 .textbox, .app2 .items{margin-top:20px}
    .app2 .items .item{width:100%;margin-right:0;margin-bottom:20px}
    .app2 .items .item .title{height:58px;line-height:58px;font-size:16px}
    .contact{padding:40px 0}
    .contact .box{margin-top:30px}
    .conmapbox{height:350px}
    .contact .tab-title {margin-top: 30px;}
    .contact .tab-title ul {flex-flow: wrap}
    .contact .tab-title ul li {width: 100%;margin-right: 0;margin-bottom: 20px;}
    .contact .tab-title ul li:last-child {margin-bottom: 0} 
    .contact .tab-title .line {height: 4px;}
    .contact .tab-title .name {font-size: 18px;margin: 15px auto 10px;}
    .contact .tab-title .name,
    .contact .tab-title .detail {padding-right: 20px;}
    .conmapbox .info {display: none;}
    .culture2{padding:40px 0 20px}
    .culture1 .cultureslide, .culture2 .box{margin-top:20px}
    .culture1 .bigtitle, .culture2 .bigtitle{font-size:20px}
    .culture1 .cultureslide .swiper-slide .textbox .title{font-size:16px}
    .culture1 .swiper-button-next, .culture1 .swiper-button-prev{width:30px;height:30px;margin-top:-15px}
    .culture1 .swiper-button-next{right:-15px}
    .culture1 .swiper-button-prev{left:-15px}
    .culture2 .list{width:100%;margin-right:0;margin-bottom:20px}
    .culture2 .list .textbox{margin-top:8px}
    .culture1 .cultureslide .swiper-slide .textbox{padding:15px 10px}
    .culture1 .cultureslide .swiper-slide .textbox .text{margin-top:4px}
    .appb2item{width:100%;margin-right:0;margin-bottom:20px}
    .appb2item img{width:100%}
    .appb2item .textbox{padding:10px}
    .appb2item .textbox .title {font-size: 16px;}
    .appb2 .appb2items {margin-top: 20px;}
    .appb1{padding:40px 0 0}
    .appb1 .bigtitle{font-size:20px}
    .appb1 .swiper-slide .textbox{width:100%;position:static;padding:10px 0 50px}
    .appb1 .swiper-slide .img{width:100%}
    .appb1 .textbox .title{font-size:18px;max-height:30px;margin-top: 5px;}
    .appb1 .textbox .text{margin-top:8px;-webkit-line-clamp:3;max-height:70px}
    .appb1 .textbox .morebox{margin-top:15px}
    .appb1 .appb1slide{margin-top:20px}
    .appb1 .appb1slide .numbox{left:0;width:100%;text-align:center;bottom:3px}
    .appb1 .appb1slide .numbox .pagenum, .appb1 .appb1slide .numbox .line, .appb1 .appb1slide .numbox .allnum{float:none;display:inline-block}
    .appb1 .appb1slide .swiper-button-next{left:calc(50% + 50px)}
    .appb1 .appb1slide .swiper-button-prev{left:calc(50% - 50px)}
    .appb1 .appb1slide .swiper-button-next, .appb1 .appb1slide .swiper-button-prev{bottom:5px}
    .contactmess{padding:0 15px}
    .contactmess .prod7lf{width:100%;margin:40px auto}
    .contactmess .btn2#reset{margin-left:0}
}


.recruit1{padding:120px 0 94px}
.recruit1 .recruit1lf .top .title{color:#000;font-size:34px;}
.recruit1 .recruit1lf .top .text{color:#666;font-size:18px;}
.recruit1 .recruit1lf .bot{margin-top:42px}
.recruit1 .recruit1lf .bot .list{margin-bottom:15px;line-height: 20px;}
.recruit1 .recruit1lf .bot .list .b{color:#666;}
.recruit1 .swiper-btn-box {position: absolute;right: 0;top: 0;z-index: 10;font-size: 0;}
.recruit1 .swiper-btn-box a {display: inline-block;width: 56px;height: 56px;outline: none;transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
.recruit1 .swiper-btn-box .prev {background: url(../image/squarel2.png) no-repeat;background-size: contain;margin-right: 10px;}
.recruit1 .swiper-btn-box .prev.swiper-button-disabled {cursor: default;background: url(../image/squarel.png) no-repeat;background-size: contain;margin-right: 10px;}
.recruit1 .swiper-btn-box .next {background: url(../image/squarer2.png) no-repeat;background-size: contain;}
.recruit1 .swiper-btn-box .next.swiper-button-disabled {cursor: default;background: url(../image/squarer.png) no-repeat;background-size: contain;}
.recruit1 .swiper-pagination {display: none;}
.recruit1 .swiper-box {margin-top: 40px;}
.recruit1 .swiper-slide {padding: 0 15px;}
.recruit1 .swiper-slide:hover .icon {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.recruit1 .swiper-slide:hover .name {color: #0068b6}
.recruit1 .swiper-slide .icon {width: 120px;height: 120px;border-radius: 50%;margin: 100px auto 56px;transition: transform 0.3s;-webkit-transition: transform 0.3s;-moz-transition: transform 0.3s;-ms-transition: transform 0.3s;-o-transition: transform 0.3s;}
.recruit1 .swiper-slide {height: 438px;border: 1px solid #efefef;text-align: center;}
.recruit1 .swiper-slide .name {font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recruit1 .swiper-slide .desc {font-size: 14px;color: #666;line-height: 20px;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.recruit2{padding-bottom:82px}
.recruit2 .bigtitle{color:#000;font-size:34px;}
.recruit2 .cat-box {font-size: 0;margin-top: 45px;}
.recruit2 .cat-box a {display: block;float: left;width: 15.85%;height: 65px;line-height: 65px;text-align: center;background: #f3f3f3;color: #000;font-size: 20px;letter-spacing: 4px;margin-right: 0.98%;margin-bottom: 20px;transition: background 0.3s;-webkit-transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-o-transition: background 0.3s;}
.recruit2 .cat-box a:hover,.recruit2 .cat-box a.on {background: #1263aa;color: #fff;}
.recruit2 .cat-box a:nth-child(6n){margin-right: 0;}
.recruititem{background-color:#f7f7f7;margin-bottom:20px}
.recruititem .top{padding:32px 40px 36px 58px;cursor:pointer;position: relative;}
.recruititem .top .name{color:#000;font-size:24px;line-height:1.1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.recruititem .top .other{margin-top:2px;color:#666;}
.recruititem .bot{padding:15px 60px 78px;display:none}
.recruititem .bot .t{font-size:18px;margin-bottom:8px}
.recruititem .bot .b{color:#666;font-size:14px;line-height:1.714}
.recruititem .bot .list{margin-bottom:46px}
.recruititem .bot .list:nth-last-of-type(1){margin-bottom:0}
.recruititem .bot .email{margin-top:5px}
.recruititem .bot .email a{color:#1263aa}
.recruititem .top img{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.recruititem.cur .top .name{color:#1263aa}
.recruititem.cur .top img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.promore .box{margin:50px auto 0}
.maint{padding:112px 0 120px}
.maintlf{width:308px;border:1px solid #ededed;padding:32px 40px;margin-right:60px}
.maintlf .title{color:#000;font-size:24px;}
.maintlf .items{margin-top:16px}
.maintlf .item{padding:20px 0;border-bottom:1px solid #e4e4e4;color:#666;font-size:16px;display:block}
.maintlf .item:nth-last-of-type(1){border-bottom:none}
.maintlf .item.cur,
.maintlf .item:hover{color:#1263aa;}
.maintlr{width:calc(100% - 368px)}
.maintlr .bigtitle{color:#000;font-size:24px;line-height:1}
.maintlr .maintitem{display:block;padding:40px 0;border-bottom:1px solid #e8e8e8}
.maintlr .maintitem .textbox{margin-left:40px;width:calc(100% - 236px)}
.maintlr .maintitem .textbox .textboxlf{width:calc(100% - 70px);margin-right:20px}
.maintlr .maintitem .title{color:#000;font-size:24px;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.maintlr .maintitem .date{color:#999;margin-top:8px}
.maintlr .maintitem .text{margin-top:32px;color: #666;max-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.maintlr .maintitem .textboxmore{width:50px;height:50px;border:1px solid #000;background-image:url(../image/mamore.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.maintlr .maintitem:hover .textboxmore{background-color:#0b589b;border:1px solid #0b589b;background-image:url(../image/mamore_cur.png)}
.maintlr .maintitem:hover .title{color:#0b589b}
.maintlr .maintitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.maintlr .pager{margin-top:58px}
.serprocess{padding:114px 0 126px}
.serprocess .bigtitle{color:#000;font-size:34px;text-align:center}
.serprocess .serpronav{margin-top:24px;text-align:center}
.serprocess .serpronavlist{color:#666;font-size:18px;margin:0 17px;display:inline-block;border-bottom:2px solid transparent;padding-bottom: 8px;}
.serprocess .serpronavlist.cur,
.serprocess .serpronavlist:hover{color:#1263aa;border-color: #1263aa}
.serprobox{margin-top:82px}
.serprobox .textbox{width:calc(100% - 782px - 6.875vw)}
.serprobox .textbox .title{color:#000;font-size:30px;;line-height:1}
.serprobox .textbox .text{margin-top:10px;color:#666;line-height:1.714}
.serprobox .textbox .ewmbox{margin-top:3.229vw}
.serprobox .textbox .ewmbox .ewmtitle{width:175px;margin-top:3px;color:#666;font-size:16px;;text-align:center}
.serprobox .videobox .title{text-align:center;color:#666;font-size:16px;;margin-top:15px}
.serprobox .videobox .box{position:relative}
.serprobox .videobox .box video,
.downviditem .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;z-index:-1}
.serprobox .videobox.cur .box video,
.downviditem.cur .videobox video{visibility:visible;opacity:1;z-index:18}
.serprobox .videobox .player,
.downviditem .videobox .player img{width:64px;height:64px;position:absolute;top:50%;margin-top:-32px;left:50%;margin-left:-32px;z-index:6;cursor:pointer}
.serprobox .videobox.cur .box .player,
.downviditem.cur .videobox .player,
.serprobox .videobox.cur .box .img,
.downviditem.cur .videobox .img{visibility:hidden;opacity:0;z-index:-1}

@media (max-width:1640px){
    .recruit1 .recruit1lr{width:673px}
    .serprobox .textbox{width:calc(100% - 682px - 4.5vw);margin-right:4.5vw}
    .serprobox .videobox{width:682px}
}

@media (max-width:1440px){
    .recruit1 .recruit1lr{width:573px}
    .recruit1 .recruit1lf .top .title,
    .recruit2 .bigtitle{line-height:1.2;font-size:28px}
    .recruit1 .recruit1lf .bot{margin-top:15px}
    .recruit1 .recruit1lf .bot .list{margin-bottom:10px}
    .recruit1{padding:80px 0 55px}
    .maint,
    .serprocess{padding:82px 0 90px}
    .serprobox .textbox{width:calc(100% - 582px - 4.5vw);margin-right:4.5vw}
    .serprobox .videobox{width:582px}
    .recruit2{padding-bottom:52px}
    .recruit1 .swiper-slide {height: 380px;}
    .recruit1 .swiper-slide .icon {width: 100px;height: 100px;margin: 80px auto 30px}
    .recruit2 .cat-box a {height: 60px;line-height: 60px;font-size: 18px;}
}

@media (max-width:1024px){
    .recruit1, .maint{padding:40px 0 25px}
    .recruit1 .recruit1lf{width:100%;margin-right:0}
    .recruit1 .recruit1lf .top .title,
    .recruit2 .bigtitle{font-size:20px}
    .recruit1 .recruit1lf .top .text{font-size:16px}
    .recruit1 .recruit1lr{width:100%;margin-top: 10px;}
    .recruititem .top{padding:25px 15px}
    .recruititem .top .name{font-size:16px}
    .recruititem .bot{padding:0px 15px 30px}
    .recruititem .bot .list{margin-bottom:25px}
    .recruititem .top img{width:16px}
    .recruititem .top .topleft{width:calc(100% - 26px);margin-right:10px}
    .maintlf{display: none;}
    .maintlf .item{padding:10px 0}
    .maintlf .title{font-size:20px}
    .maintlr .bigtitle{font-size:20px}
    .maintlf .items{margin-top:6px}
    .maintlr{width:100%;}
    .serprocess{padding:40px 0}
    .serprocess .bigtitle{font-size:20px}
    .serprocess .serpronavlist{font-size:14px;margin:0 6px}
    .serprocess .serpronav,
    .serprobox .textbox .ewmbox{margin-top:20px}
    .serprobox{margin-top:30px}
    .serprobox .textbox{width:100%;margin-right:0}
    .serprobox .textbox .title{font-size:20px}
    .serprobox .videobox{width:100%;margin-top:30px}
    .serprobox .videobox .player{width:34px;height:34px;margin-top:-17px;margin-left:-17px}
    .recruit2{padding-bottom:40px}
    .recruit1 .swiper-btn-box {display: none;}
    .recruit1 .swiper-pagination {display: block;}
    .recruit1 .swiper-box {margin-top: 30px;}
    .recruit1 .swiper-pagination {bottom: 30px;}
    .recruit1 .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background: none;border: 1px solid #0068b6;}
    .recruit1 .swiper-pagination .swiper-pagination-bullet-active {background: #0068b6;}
    .recruit1 .swiper-slide {height: 360px;}
    .recruit1 .swiper-slide .icon {width: 80px;height: 80px;margin: 60px auto 20px;}
    .recruit1 .swiper-slide .name {font-size: 18px;margin-bottom: 10px;}
    .recruit1 .swiper-slide .desc {-webkit-line-clamp: 3;}
    .recruit2 .cat-box {font-size: 0;margin-top: 30px;display: flex;flex-flow: wrap;justify-content: space-between;}
    .recruit2 .cat-box:after {display: none;}
    .recruit2 .cat-box a {width: 48%;height: 48px;line-height: 48px;font-size: 16px;margin-right: 0;margin-bottom: 15px;}
    .serprobox .videobox .player,
    .downviditem .videobox .player img {
        width: 45px;
        height: 45px;
    }
}

@media (max-width:768px){
    .maintlr .maintitem{padding:15px 0}
    .maintlr .maintitem .img{width:130px}
    .maintlr .maintitem .textbox{margin-left:15px;width:calc(100% - 145px)}
    .maintlr .maintitem .title{font-size:16px}
    .maintlr .maintitem .date{margin-top:0}
    .maintlr .maintitem .text{margin-top:10px;font-size: 12px;-webkit-line-clamp:2;max-height: 34px;}
    .maintlr .maintitem .textbox .textboxlf{margin-right:10px;width:calc(100% - 38px)}
    .maintlr .maintitem .textboxmore{width:28px;height:28px;background-size:6px auto}
}

.serpolicyitems, .downloaditems, .downviditems{margin-top:50px}
.serpolicyitems .recruititem .top .name{}
.serpolicyitems .recruititem .top .other{margin-top:16px;line-height:22px;overflow:hidden;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.serpolicyitems .recruititem.cur2 .top .other{max-height:22px !important}
.serpolicyitems .recruititem .top .topleft{width:68.85vw}
.serpolicy{padding:114px 0 100px}
.downloaditem{width:49.3%;margin-right:1.4%;margin-bottom:20px}
.downloaditem:nth-of-type(2n){margin-right:0}
.downloaditem .downitemleft{width:calc(100% - 130px);background-color:#f7f7f7;padding:38px 60px;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemleft .name{color:#000;word-break:break-all;font-size:18px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemleft .other{margin-top:4px;color:#666;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemright{width:130px;background-color:#ececec;background-image:url(../image/downicon.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem:hover .downitemleft{background-color:#1263aa}
.downloaditem:hover .downitemright{background-color:#0b589b;background-image:url(../image/downicon_cur.png)}
.downloaditem:hover .downitemleft .name,
.downloaditem:hover .downitemleft .other{color:#fff}
.downviditem{width:31%;margin-right:3.5%;margin-bottom:42px;cursor:pointer}
.downviditem:nth-of-type(3n){margin-right:0}
.downviditem .videobox{position:relative;overflow:hidden}
.downviditem .videobox .img img{Width:100%}
.downviditem .textbox{padding:26px 0}
.downviditem .textbox .date{}
.downviditem .textbox .name{font-size:16px;}
.downviditem .videobox .player{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;top:100%;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downviditem:hover .videobox .player{top:0}
.news{padding:126px 0 120px}
.newsitem{margin-bottom:34px}
.newsitem:nth-last-of-type(1){margin-bottom:0}
.newsitem .newstoplf{color:#000;font-size:34px;line-height:1}
.newsitem .newstoplr{width:56px;height:56px;background-image:url(../image/newmore.png);background-repeat:no-repeat;background-position:center center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.newsitem .newstoplr:hover{background-image:url(../image/newmore_cur.png)}
.newsitem .box{margin-top:28px}
.newsitem .box .newslist{width:32%;display:block;margin-right:1.955%;margin-bottom:30px}
.newsitem .box .newslist:nth-of-type(2),
.newsitem .box .newslist:nth-of-type(3n-1){width:32.09%}
.newsitem .box .newslist:nth-of-type(3n){border-right:none;margin-right:0}
/* .newsitem .box .newslist:nth-of-type(3n) .textbox{border:1px solid #efefef;border-top:none} */
.newsitem .box{display: -webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.newsitem .box .newslist .itembox{height:100%;border:1px solid #efefef}
/* .newsitem .box .newslist .textbox{border:1px solid #efefef;border-right:none;border-top:none} */
.newsitem .newslist .textbox{padding:40px 68px 90px 50px}
.newsitem .newslist .textbox .title{color:#000;font-size:18px;height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .newslist .textbox .desc {font-size: 14px;color: #666;line-height: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} 
.newsitem .newslist .textbox .morebox{margin-top:48px}
.newsitem .newslist .textbox .morebox .text{color:#666;}
.newsitem .newslist .textbox .morebox .icon{width: 30px;height: 5px;background: url(../image/newmore2.png) no-repeat center bottom;margin-left:8px;margin-top:8px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.newsitem .newslist .img img{width:100%}
.newsitem .newslist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem .newslist:hover .textbox .title{color:#1263aa}
.newsitem .newslist:hover .textbox .morebox .icon{margin-left:20px;background: url(../image/ibmore.png) no-repeat center bottom;}
.newsitem .newslist:hover .textbox .morebox .text {color: #1263aa;}
.newsdbox{background-color:#f4f4f4;padding-bottom:120px}
.newsd{position:relative;background-color:#fff;margin-top:-90px;padding:102px 88px 116px}
.newsd .top{padding-bottom:42px;border-bottom:1px solid #f1f1f1}
.newsd .top .date{color:#999;font-size:18px;;text-align:center}
.newsd .top .title{color:#000;font-size:34px;text-align:center;margin-top:6px}
.newsd .content{padding:54px 0 66px;font-size: 14px;color: #666;line-height: 24px;}
.newsd .content img{display:inline-block}
.newsd .sharebox .text{color:#999;font-size:16px;line-height:45px;}
.newsd .sharebox .shareitem{cursor:pointer;margin-left:15px}
.newsd .bot{margin-top:50px;border-top:1px solid #f1f1f1}
.newsd .bot .list{padding:18px 25px;border-bottom:1px solid #f1f1f1;background-image:url(../image/ndright.png);background-repeat:no-repeat;background-position:left top 22px}
.newsd .bot .list .name,
.newsd .bot .list .text{font-size:16px;}
.newsd .bot .list .name{color:#999}
.newsd .bot .list .text{color:#666}
.newsd .bot .list:hover .name,
.newsd .bot .list:hover .text{color:#1263aa}
.serpolicy2{padding:114px 0;background-image:url(../image/sermapbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.serpolicy2 .titlebox .btitle{color:#000;font-size:36px;;text-align:center}
.serpolicy2 .titlebox .stitle{margin-top:10px;color:#424c4e;text-align:center;font-size:18px;line-height:1.333}
.serpolicy2 .titlebox .stitle span{}
.serpolicy2box{margin-top:38px;position:relative}
.serpolicy2box .item{position:absolute}
.serpolicy2box .item .showbox{cursor:pointer;height:32px}
.serpolicy2box .item .showbox .icon{width:28px;height:32px;background-image:url(../image/sermapdw.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition: background 0.3s ease;}
.serpolicy2box .item .showbox .icon:before {content: "";display: none;position: absolute;left: -9px;bottom:-6px;z-index: 10;width: 45px;height: 16px;background: url(../image/shadow.png) no-repeat center center;animation:circleFadeIn infinite 2s ease;}
.serpolicy2box .item:hover .showbox .icon {background: url(../image/sermapdw_on.png) no-repeat center center;}
.serpolicy2box .item:hover .showbox .icon:before {display: block;}
.serpolicy2box .item .showbox.headquarters .icon{background-image:url(../image/sermapdw_head.png)}
.serpolicy2box .item .showbox .name{color:#898989;;margin-left:3px;line-height:30px}
.serpolicy2box .item:hover .showbox .name{color: #1263aa;font-weight: 700;}
.serpolicy2box .item .showbox.headquarters .name{color:#e60012;font-size:18px;;}
.serpolicy2box .item .hidebox{width:244px;display:none;padding:14px 30px 24px 30px;background-color:rgba(255,255,255,0.85);position:absolute;bottom:40px;left:-109px;box-shadow:0px 2px 37px 0 rgba(0,0,0,0.23)}
.serpolicy2box .item .hidebox:after{content:"";border-top:8px solid rgba(255,255,255,0.85);border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;bottom:-8px;left:50%;margin-left:-6px}
.serpolicy2box .item .hidebox .office{font-size:16px;color:#212121;}
.serpolicy2box .item .hidebox .address,
.serpolicy2box .item .hidebox .box .list{color:#666;line-height:1.125}
.serpolicy2box .item .hidebox .box{margin-top:10px}
.serpolicy2 .wapimg{display:none}
/* 地图位置 */
.serpolicy2box .item:nth-of-type(1){top:148px;left:150px}
.serpolicy2box .item:nth-of-type(2){top:218px;left:202px}
.serpolicy2box .item:nth-of-type(3){top:298px;left:250px}
.serpolicy2box .item:nth-of-type(4){top:400px;left:370px}
.serpolicy2box .item:nth-of-type(5){top:456px;left:338px}
.serpolicy2box .item:nth-of-type(6){top:160px;left:488px}
.serpolicy2box .item:nth-of-type(7){top:210px;left:496px}
.serpolicy2box .item:nth-of-type(8){top:138px;left:606px}
.serpolicy2box .item:nth-of-type(9){top:164px;left:592px}
.serpolicy2box .item:nth-of-type(10){top:192px;left:576px}
.serpolicy2box .item:nth-of-type(11){top:248px;right:387px}
.serpolicy2box .item:nth-of-type(12){top:278px;right:316px}
.serpolicy2box .item:nth-of-type(13){top:348px;right:156px}
.serpolicy2box .item:nth-of-type(14){top:104px;right:206px}
.serpolicy2box .item:nth-of-type(15){top:216px;right:188px}
.serpolicy2box .item:nth-of-type(16){top:263px;right:144px}
.serpolicy2box .item:nth-of-type(17){top:220px;right:102px}
.serpolicy2box .item:hover .hidebox{display:block;z-index:39}
.serpolicy2box .item:nth-of-type(6) .showbox .icon:before,
.serpolicy2box .item:nth-of-type(7) .showbox .icon:before,
.serpolicy2box .item:nth-of-type(15) .showbox .icon:before {right: -9px;left: auto} 
@media (max-width:1440px){
    .news{padding:84px 0 80px}
    .newsitem .newstoplf{font-size:30px}
    .newsd{margin-top:-65px;padding:72px 58px 86px}
    .newsd .top .title{font-size:30px}
    .newsdbox{padding-bottom:90px}
    /* .serpolicy2{padding:84px} */
    .prodtitle {font-size: 30px;}
}

@media (max-width:1024px){
    .downloaditem,
    .downviditem{width:100%;margin-right:0}
    .downloaditem .downitemleft{width:calc(100% - 60px);padding:20px 15px}
    .downloaditem .downitemright{width:60px}
    .downloaditem .downitemleft .name{font-size:16px}
    .downviditems{margin-top:30px}
    .downviditem{margin-bottom:20px}
    .downviditem .textbox{padding:10px 0}
    .downviditem .videobox .player{top:0}
    .news{padding:40px 0}
    .newsitem .newstoplf{font-size:22px;line-height:36px}
    .newsitem .box .newslist,
    .newsitem .box .newslist:nth-of-type(2), .newsitem .box .newslist:nth-of-type(3n-1){width:100%}
    .newsitem .box .newslist .textbox{padding:20px 15px}
    .newsitem .newslist .textbox .title{font-size:17px;height:67px;line-height:1.4}
    .newsitem .newslist .textbox .morebox{margin-top:10px}
    .newsitem{margin-bottom:30px}
    .newsitem .box{margin-top:15px}
    .newsd .content{padding:25px 0;line-height: 20px;}
    .newsdbox{padding-bottom:40px}
    .newsd{margin-top:-20px;padding:30px 15px}
    .newsd .top .date{font-size:16px}
    .newsd .top .title{font-size:16px;line-height:1.4}
    .newsd .top{padding-bottom:25px}
    .newsd .bot{margin-top:25px}
    .newsd .sharebox .shareitem{width:28px;margin-left:6px}
    .newsd .sharebox .text{font-size:14px;line-height:28px}
    .newsd .bot .list .name, .newsd .bot .list .text{font-size:14px}
    .newsd .bot .list{padding:8px 16px;background-position:left top 14px;background-size:6px auto}
    .newsd .bot .list .text{max-width:calc(100% - 58px)}
    .serpolicy2box .img{display:none}
    .serpolicy2box .wapimg{display:block}
    .serpolicy2box .items{display:none}
    .serpolicy2{padding:40px 0}
    .serpolicy2 .titlebox .btitle{font-size:22px;line-height:1.2}
    .serpolicy2 .titlebox .stitle{font-size:14px}
    .serpolicy2box{margin-top:25px}
    .serpolicy2 .wapimg{display:block}
    .newsitem .newstoplr{width:36px;height:36px;background-size:100% 100%}
}

.prode1{padding:210px 0 64px}
.prodbantextbox .box{width:480px;background-color:#fff;padding:80px 60px 80px 80px;position:absolute;opacity:0;top:20%;left:6.605vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.prodbantextbox.cur .box{opacity:1;top:54%}
.prodbantextbox .title{color:#000;font-size:34px;line-height:1.2}
.prodbantextbox .text{color:#666;font-size:16px;line-height:1.5;margin-top:34px;word-break:break-all}
.prode1 .textbox{width:calc(100% - 860px);margin-left:40px}
.prode1 .textbox .title{color:#000;font-size:34px;line-height:1.2}
.prode1 .textbox .desc{color:#666;margin-top:28px}
.prode1 .textbox .btnbox{margin-top:84px}
.prode1 .textbox .btnbox .btn{width:326px;height:60px;display:block;line-height:58px;border:1px solid #1263aa;padding:0 0 0 100px;color:#1263aa;;background-image:url(../image/prdownicon.png);background-repeat:no-repeat;background-position:right 98px center}
.prode1 .textbox .btnbox .btn2{margin-top:20px}
.prode1 .textbox .btnbox .btn:hover{background-color:#1263aa;color:#fff;background-image:url(../image/prdownicon_cur.png)}
.prode2list{width:30.7%;margin-right:3.95%;margin-bottom:74px;padding-top:34px;border-top:2px solid #1263aa}
.prode2list:nth-of-type(3n){margin-right:0}
.prode2list .icon{width:78px;}
.prode2list .textbox{width:calc(100% - 78px)}
.prode2list .textbox .title{color:#1263aa;font-size:24px;;line-height:1.3}
.prode2list .textbox .text{color:#666;font-size:16px;margin-top:8px}
.prodtitle{color:#000;font-size:34px;text-align:center;line-height:1.2}
.prod3{padding:60px 0 130px}
.prod3 .slide{margin-top:38px}
.prod3 .slide video{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;z-index:-1}
.prod3 .slide .swiper-slide.cur video{visibility:visible;opacity:1;z-index:19}
.prod3 .slide .player{width:80px;height:80px;z-index:19;position:absolute;top:50%;margin-top:-40px;left:50%;margin-left:-40px;cursor:pointer}
.prod3 .slide .swiper-slide.cur .player,
.prod3 .slide .swiper-slide.cur .img{visibility:hidden;opacity:0;z-index:-1}
.prod3 .slide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod3 .swiper-button-next{right:7.81vw}
.prod3 .swiper-button-prev{left:7.81vw}
.prod4{padding:0 0 152px}
.prod4 .items{margin-top:58px}
.prod4 .item{width:300px;margin-right:calc((100% - 1200px) / 3)}
.prod4 .item:nth-of-type(4n){margin-right:0}
.prod4 .item .title{font-size:16px;text-align:center;margin-top:30px}
.prod4 .item:hover .img{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.prod5{position:relative}
.prod5 .wapimg,
.prod5 .imgitem{display:none}
.prod5 .imgitem.cur{display:block}
.prod5 .textbox{max-width:494px;position:relative;height:446px;position:absolute;top:50%;left:6.605vw;margin-top:-223px;background-color:#fff;padding:90px 5.1vw 114px}
.prod5 .textbox .line{width:50px;height:1px;background-color:#0086e8;margin-top:9px}
.prod5 .textbox .title{color:#0086e8;font-size:16px;margin-left:10px;;line-height:1.2}
.prod5 .textbox .text{width:100%;margin-top:14px;height:auto;color:#000;font-size:34px;line-height:1.2;word-break:break-all}
.prod5 .textbox .desc{margin-top:14px;font-size:16px;color:#666;line-height:1.4;word-break:break-all}
.prod5 .swiper-button-next,
.prod5 .swiper-button-prev{width:56px;height:56px;top:auto;margin-top:0;bottom:64px}
.prod5 .swiper-button-next{background-image:url(../image/appb-r.png);background-size: 12px;left:calc(106px + 6vw)}
.prod5 .swiper-button-prev{background-image:url(../image/appb-l.png);background-size: 12px;left:5vw}
.prod5 .numbox{position:absolute;bottom:64px;left:calc(5vw + 66px)}
.prod5 .numbox div{font-size:26px;line-height:56px}
.prod5 .numbox .numline{margin:0 6px}
.prod6{padding:120px 0}
.prod6 .top{height:100px;text-align:center;border-top:1px solid #ededed;border-bottom:1px solid #ededed;cursor:pointer}
.prod6 .top .text,
.prod6 .top .icon{line-height:98px;display:inline-block}
.prod6 .top .text{color:#000;font-size:34px;;margin-right:15px}
.prod6 .top .icon img{margin-bottom:8px}
.prod6.cur .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.prod6.cur .icon img{margin-bottom:0;margin-top:8px}
.prod6.cur .top{background-color:#f6f6f6}
.prod6 .bot{padding:60px 100px;border-bottom:1px solid #ededed;display:none}
.prod6 .bot table{display:contents}
.prod6 .bot .list{margin-bottom:15px}
.prod6 .bot .list:nth-last-of-type(1){margin-bottom:0}
.prod6 .bot .rulename{;font-size:20px}
.prod6 .bot .ruletext{;font-size:20px;color:#666;margin-left:15px}
.prod7{padding-bottom:120px}
.prod7lf{width:calc(100% - 497px);}
.prod7lr{width:410px;margin-left:87px}
.prod7lr .imgbox{position:relative}
.prod7lr .imgbox .text{position:absolute;top:26px;left:30px;color:#fff;font-size:34px;}
.prod7lr .textbox{background-color:#f6f6f6;padding:42px 60px 62px}
.prod7lr .textbox .title{font-size:24px;;color:#000}
.prod7lr .textbox .phone{color:#666;font-size:16px;;margin-top:14px}
.prod7lr .textbox .bot{margin-top:4px}
.prod7lr .textbox .bot .email{color:#1263aa;font-size:16px;}
.prod7lr .textbox .bot .icon{margin-top:10px;margin-left:8px}
.prod7lr .textbox .bot:hover .icon{margin-left:16px}
.prod7lf .title{color:#000;font-size:34px;}
.prod7lf .form{margin-top:20px}
.prod7lf .form .list{width:48.5%;height:56px;margin-right:3%;margin-bottom:20px;border:1px solid #e4e4e4;padding:10px 25px}
.prod7lf .form .list:nth-of-type(2n){margin-right:0}
.prod7lf .form .list .name{width:80px;line-height:36px;color:#666;}
.prod7lf .form .list .input{width:calc(100% - 80px)}
.prod7lf .form .list .input input{width:100%;height:36px;line-height:36px;}
.prod7lf .form .list.address{width:100%}
.prod7lf .form .btn{width:266px;height:56px;margin-top:40px;background-color:#1263aa;text-align:center;line-height:56px;cursor:pointer;color:#fff;font-size:18px;}
.prod7lf .inten{position:relative}
.prod7lf .selectbox{width:calc(100% - 80px);height:36px;cursor:pointer}
.prod7lf .selecttop .selectname{width:calc(100% - 27px);height:36px;margin-right:20px;line-height:46px}
.prod7lf .selecttop .selectname .text{width:100%;line-height:36px}
.prod7lf .selecttop .icon{margin-top:15px}
.prod7lf .selectitems{width:calc(100% + 2px);display:none;max-height:260px;background-color:#fff;border:1px solid #e4e4e4;position:absolute;top:54px;left:-1px;z-index:10}
.prod7lf .selectitem{line-height:38px;border-bottom:1px solid #e4e4e4;padding:4px 15px;cursor:pointer}
.prod7lf .selectitem:nth-last-of-type(1){border-bottom:none}
.prod7lf .selectbox.cur .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.prod7lr .imgbox .wapimg{display:none}
.prod8{padding:108px 0 120px;background-color:#f5f5f5}
.prod8 .box{margin-top:52px}
.prod8 .prod8list{width:48%;margin-right:4%;display:block}
.prod8 .prod8list:nth-of-type(2n){margin-right:0}
.prod8 .prod8list img{width:100%}
.prod8 .prod8list .textbox{padding:38px 48px 70px;background-color:#fff}
.prod8 .prod8list .textbox .title{color:#000;font-size:24px;line-height:1.3;max-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prod8 .prod8list .textbox .text{color:#666;font-size:16px;margin-top:6px;max-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.prod8 .prod8list:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod8 .prod8list:hover .textbox .title{color:#1263aa}


@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@media (max-width:1440px){
    .prodbantextbox .box{width:410px;left:3.05vw;padding:60px 40px 60px 60px}
    .prodbantextbox .title{font-size:26px}
    .prode1 .img{width:620px}
    .prode1 .textbox{width:calc(100% - 660px)}
    .prode1 .textbox .btnbox .btn{width:266px;padding-left:68px;background-position:right 74px center}
    .prode1 .textbox .title{font-size:30px}
    .prode1 .textbox .btnbox{margin-top:54px}
    .prode2list .textbox .title{font-size:20px}
    .prode2list{margin-bottom:50px}
    .prod3 .slide .player{width:64px;height:64px;margin-left:-32px;margin-top:-32px}
    .prod4 .item{width:250px;margin-right:calc((100% - 1000px) / 3)}
    .prod4{padding:0 0 102px}
    .prod5 .textbox{max-width:394px;height:360px;margin-top:-160px;padding:56px 4vw 64px}
    .prod5 .swiper-button-prev{left:4vw}
    .prod5 .swiper-button-next{left:calc(5vw + 92px)}
    .prod5 .numbox{left:calc(4vw + 50px);bottom:44px}
    .prod5 .numbox div{line-height:44px}
    .prod5 .textbox .text{font-size:24px}
    .prod5 .swiper-button-next, .prod5 .swiper-button-prev{width:42px;height:42px;bottom:44px}
    .prod6{padding:80px 0}
    .prod8{padding:68px 0 80px}
    .prod7{padding-bottom:80px}
    .prodtitle,
    .prod7lf .title,
    .prod6 .top .text,
    .prod7lr .imgbox .text,
    .protop .protoplf,
    .serprocess .bigtitle,
    .about1 .textbox .title {font-size:30px}
    .pageban .desc {font-size: 28px;line-height: 40px;}
    .maintlr .maintitem .title,
    .culture1 .cultureslide .swiper-slide .textbox .title,
    .contact .tab-title .name,
    .recruititem .top .name,
    .about2item .textbox .title,
    .about3item .title {font-size: 22px;}
    .newsitem .newslist .textbox .title {height: auto}
    .newsitem .newslist .textbox {padding: 30px 40px 60px 40px}
    .about3item .textbox {padding: 24px 40px 50px}
    .about3item .text {margin-top: 20px;}
}
@media screen and (max-width: 1366px) {
    .prodtitle,
    .prod7lf .title,
    .prod6 .top .text,
    .prod7lr .imgbox .text,
    .prode1 .textbox .title,
    .protop .protoplf,
    .app1 .title,
    .serprocess .bigtitle,
    .newsitem .newstoplf,
    .newsd .top .title,
    .about1 .textbox .title {font-size:28px}
    .prode2list .textbox .title {font-size: 18px;}
    .prode2list .textbox .text {font-size: 14px;}
    .maintlr .maintitem .title,
    .culture1 .cultureslide .swiper-slide .textbox .title,
    .contact .tab-title .name,
    .recruititem .top .name,
    .about2item .textbox .title,
    .about3item .title {font-size: 20px;}
    .serprocess .serpronavlist {font-size: 16px;}
    .newsitem .newslist .textbox {padding: 25px 30px 40px 30px}
    .about3item .textbox {padding: 24px 30px 40px}
    .recruititem .bot .t {font-size: 17px;}
    .recruit1 .recruit1lf .top .title, .recruit2 .bigtitle {font-size: 26px;}
    .about2item .textbox .date {font-size: 30px;}
    .about3item .text {margin-top: 16px;}

}
@media (max-width:1024px){
    .prod7{padding-bottom:40px}
    .prode1, .prod8{padding:40px 0}
    .prodbantextbox{background-color:#f3f3f3;padding:0 15px 30px}
    .prodbantextbox .box{width:100%;left:0;margin-top:0;position:static;padding:40px;transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px)}
    .prodbantextbox .title,
    .prode1 .textbox .title{font-size:20px}
    .prodbantextbox .text{font-size:14px;line-height:1.6;margin-top:15px}
    .prode1 .img{width:100%}
    .prode1 .textbox{width:100%;margin-left:0;margin-top:20px}
    .prode1 .textbox .desc{margin-top:15px}
    .prode1 .textbox .btnbox{margin-top:25px}
    .prode1 .textbox .btnbox .btn{width:100%;height:48px;line-height:46px;padding-left:32vw;background-position:right 31vw center}
    .prode1 .textbox .btnbox .btn2{margin-top:15px}
    .prode2list{width:100%;padding-top:15px;margin-bottom:25px}
    .prode2list .icon{width:46px;margin-top:5px}
    .prode2list .icon img{height:30px}
    .prode2list .textbox{width:calc(100% - 46px)}
    .prode2list .textbox .title{font-size:16px}
    .prode2list .textbox .text{font-size:14px;margin-top:4px}
    .prode2list:nth-of-type(4), .prode2list:nth-of-type(5), .prode2list:nth-of-type(6){display:none}
    .prod3{padding:20px 0 40px}
    .prodtitle{font-size:20px}
    .prod3 .slide{margin-top:20px}
    .prod3 .slide .player{width:40px;height:40px;margin-left:-20px;margin-top:-20px}
    .prod4{padding:0 0 40px}
    .prod4 .items{margin-top:15px}
    .prod4 .item{width:50%;margin-right:0;margin-top:10px;margin-bottom:10px}
    .prod4 .item .img{width:82%;margin:0 auto}
    .prod4 .item .title{font-size:14px;margin-top:10px}
    .prod5 .wapimg{display:block}
    .prod5 .img{display:none}
    .prod5 .textbox{width:100%;max-width:100%;height:auto;position:static;margin-top:0;padding:0 15px;left:0}
    .prod5 .textbox .box{padding:30px 30px 66px;background-color:#fff;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);position:relative}
    .prod5 .textbox .line{width:32px}
    .prod5 .textbox .title{font-size:14px}
    .prod5 .textbox .text{font-size:20px}
    .prod5 .textbox .desc{font-size:14px}
    .prod5 .swiper-button-next, .prod5 .swiper-button-prev{width:32px;height:32px;bottom:20px}
    .prod5 .swiper-button-prev{left:30px;background-size: 8px;}
    .prod5 .swiper-button-next{left:110px;background-size: 8px;}
    .prod5 .numbox{bottom:20px}
    .prod5 .numbox div{line-height:32px;font-size:18px}
    .prod6 .top .text{font-size:20px;line-height:68px}
    .prod6 .top{height:68px}
    .prod6 .top .icon{line-height:66px}
    .prod6 .top .icon img{margin-bottom:0}
    .prod6.cur .icon img{margin-top:2px}
    .prod6 .bot{padding:25px 15px}
    .prod6 .bot .ruletext{font-size:16px;margin-left:0}
    .prod6 .bot .list{margin-bottom:8px}
    .prod6{padding:10px 0 50px}
    .prod7lr{width:100%;margin-left:0}
    .prod7lf{width:100%;margin-top:25px}
    .prod7lr .imgbox .text{font-size:20px;top:10px;left:15px}
    .prod7lr .imgbox .wapimg{display:block}
    .prod7lr .imgbox .img{display:none}
    .prod7lr .textbox{padding:20px 25px 30px}
    .prod7lr .textbox .title{font-size:20px}
    .prod7lr .textbox .phone{font-size:14px;margin-top:6px}
    .prod7lf .title{font-size:20px}
    .prod7lf .form{margin-top:10px}
    .prod7lf .form .list{width:100%;margin-bottom:10px;padding:0px 15px;height:48px}
    .prod7lf .form .list .name{line-height:46px}
    .prod7lf .form .list .input input{height:46px;line-height:46px}
    .prod7lf .selecttop .selectname{height:46px}
    .prod7lf .selecttop .icon{margin-top:20px}
    .prod7lf .selectitems{top:46px}
    .prod7lf .form .btn{width:100%;margin-top:15px;height:46px;line-height:46px;font-size:16px}
    .prod8 .box{margin-top:20px}
    .prod8 .prod8list{width:100%;margin-right:0}
    .prod8 .prod8list .textbox{padding:20px 25px 40px}
    .prod8 .prod8list .textbox .title{font-size:18px}
    .prod8 .prod8list .textbox .text {font-size: 14px;}
    .prod8 .prod8list:nth-of-type(2){display:none}
    .prod7 .box{padding-bottom:40px}
}

@media (max-width:380px){
    .prode1 .textbox .btnbox .btn{padding-left:28vw}
}

@media (max-width:370px){
    .prode1 .textbox .btnbox .btn{padding-left:24vw;background-position:right 27vw center}
}


/* 2020.04.11 新增 */

.serpolicy1{padding:116px 0 120px}
.serpolicy1 .name{font-size:36px;text-align:center;color:#000;}
.serpolicy1 .box{margin-top:50px}
.serpolicy1 .list{width:32.11%;margin-right:1.835%;border:1px solid #f2f2f2;padding:55px 42px 50px 80px}
.serpolicy1 .list:nth-last-of-type(1){margin-right:0}
.serpolicy1 .list .textbox{margin-top:38px}
.serpolicy1 .list .textbox .title{font-size:24px;text-transform:Uppercase}
.serpolicy1 .list .textbox .line{width:24px;height:2px;background-color:#1263aa;margin:20px 0 38px}
.serpolicy1 .list .textbox .text{color:#666;font-family:Arial;line-height:1.714}
.serpolicy3 .box1{background-color:#fff;padding:54px 70px 122px;margin-top:-230px;position:relative;z-index:3}
.serpolicy3 .box1 .titlebox{margin-bottom:56px}
.serpolicy3 .box1 .titlebox .title{color:#000;font-size:36px;text-align:center;}
.serpolicy3 .box1 .titlebox .text{color:#666;font-size:18px;text-align:center;}
.serpolicy3 .box1 .form1{margin-bottom:32px}
.serpolicy3 .box1 .form1:nth-last-of-type(1){margin-bottom:0}
.serpolicy3 .box1 .bigname{color:#494b4a;font-size:24px;line-height:24px;font-family:Arial;position:relative;padding-left:25px}
.serpolicy3 .box1 .bigname:after{content:"";width:4px;height:4px;background-color:#494b4a;position:absolute;top:50%;margin-top:-2px;left:0}
.serpolicy3 .box1 .formlist{height:64px;border:1px solid #e5e5e5;padding:15px 20px;margin-top:20px;margin-right:1.08%}
.serpolicy3 .box1 .formlist:nth-of-type(2n){margin-right:0}
.serpolicy3 .box1 .formlist .name{color:#666;;line-height:34px}
.serpolicy3 .box1 .formlist .name span{color:#ff0000;margin-right:6px}
.serpolicy3 .box1 .formlist .name span.showtext{color:#333;margin-left:5%}
.serpolicy3 .box1 .formlist.w4529{width:49.46%}
.serpolicy3 .box1 .formlist.w100{width:100%;margin-right:0}
.serpolicy3 .box1 .formlist .input{width:60%;margin-left:5%}
.serpolicy3 .box1 .formlist .input input{width:100%;height:34px;color:#333;}
.serpolicy3 .box1 .formlist.select{position:relative}
.serpolicy3 .box1 .formlist.select .name{width:100%;background-image:url(../image/serdown.png);cursor:pointer;background-repeat:no-repeat;background-position:right 20px center}
.serpolicy3 .box1 .formlist .selectitems{width:calc(100% + 2px);border:1px solid #e5e5e5;border-top:none;padding:0 20px;position:absolute;left:-1px;z-index:-1;top:0px;opacity:0;visibility:hidden;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.04);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.serpolicy3 .box1 .formlist .selectitem{padding:7px 0;color:#666;line-height:26px;;cursor:pointer;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.serpolicy3 .box1 .formlist .selectitem:hover{color:#0068b7}
.serpolicy3 .box1 .formlist.select:hover .selectitems{z-index:19;visibility:visible;top:62px;opacity:1}
.serpolicy3 .box1 .upload{margin-top:20px;}
.serpolicy3 .box1 .uploadname{color:#666}
.serpolicy3 .box1 .uploadinput{width:104px;height:104px;margin-top:6px;position:relative;background-image:url(http://www.maxphotonics.com/img/serupload.png);cursor:pointer;background-repeat:no-repeat;background-position:center center}
.serpolicy3 .box1 .uploadinput input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:6;cursor:pointer}
.serpolicy3 .box1 .imgbox{margin-top:20px}
.serpolicy3 .box1 .imgbox .imglist{width:104px;height:104px;position:relative;background-repeat:no-repeat;background-position:center center;border:1px solid #ddd}
.serpolicy3 .box1 .imgbox .imglist .close{width:21px;position:absolute;top:-10px;right:-10px;z-index:9;cursor:pointer}
.serpolicy3 .box1 .subbtn{width:360px;height:64px;background-color:#1263aa;color:#fff;font-weight:bold;font-size:18px;text-align:center;line-height:64px;text-transform:Uppercase;;cursor:pointer}
.serpolicy3{background-color:#f8f8f8;padding-bottom:120px}
.serpolicy3 .box2{margin-top:20px;background-color:#fff;padding:90px 70px 88px}
.serpolicy3 .box2 .bigtitle{color:#000;font-size:36px;}
.serpolicy3 .box2 .items{margin-top:46px}
.serpolicy3 .box2 .item{width:50%}
.serpolicy3 .box2 .item .title{font-size:24px;}
.serpolicy3 .box2 .item .text{color:#666;;margin-top:16px;line-height:1.714}
.serpolicy3 .box2 .item .text a{color:#666;}
.serpolicy3 .box2 .item:nth-of-type(1){border-right:1px solid #e8e8e8}
.serpolicy3 .box2 .item:nth-of-type(2){padding-left:5.2vw}

@media (max-width:1440px){
    .serpolicy3 .box1{margin-top:-160px}
}

@media (max-width:1024px){
    .serpolicy1{padding:40px 0}
    .serpolicy1 .name{font-size:22px}
    .serpolicy1 .box{margin-top:30px}
    .serpolicy1 .list{width:100%;margin-right:0;margin-bottom:20px;padding:25px 20px}
    .serpolicy1 .list:nth-last-of-type(1){margin-bottom:0}
    .serpolicy1 .list .icon img{width:60px}
    .serpolicy1 .list .textbox{margin-top:18px}
    .serpolicy1 .list .textbox .title{font-size:18px}
    .serpolicy1 .list .textbox .line{width:18px;margin:6px 0 12px}
    .serpolicy3 .box1{margin-top:0;padding:25px 20px}
    .serpolicy3 .box1 .titlebox .title{font-size:24px}
    .serpolicy3 .box1 .titlebox .text{font-size:14px}
    .serpolicy3 .box1 .titlebox{margin-bottom:30px}
    .serpolicy3 .box1 .bigname{font-size:18px;padding-left:14px}
    .serpolicy3 .box1 .formlist{height:auto}
    .serpolicy3 .box1 .formlist,.serpolicy3 .box1 .formlist.w4529{width:100%;padding:10px;margin-top:10px}
    .serpolicy3 .box1 .formlist.select .name{background-position:right center}
    .serpolicy3 .box1 .formlist .name{font-size:12px}
    .serpolicy3 .box1 .formlist .input{width:64%}
    .serpolicy3 .box1 .subbtn{width:100%;height:54px;line-height:54px;font-size:16px}
    .serpolicy3 .box2{padding:25px 20px}
    .serpolicy3 .box2 .bigtitle{font-size:26px}
    .serpolicy3 .box2 .item{width:100%;margin-bottom:25px}
    .serpolicy3 .box2 .item:nth-of-type(1){border-right:none;padding-bottom:25px;border-bottom:1px solid #e8e8e8}
    .serpolicy3 .box2 .item .title{font-size:18px}
    .serpolicy3 .box2 .item .text{line-height:1.6}
    .serpolicy3 .box2 .items{margin-top:30px}
    .serpolicy3 .box2 .item:nth-of-type(2){padding-left:0;margin-bottom:0}
    .serpolicy3{padding-bottom:40px}
}


.liu {
  background: url(../image/20200813163307qsm2.jpg)no-repeat;
  background-size: cover;
    background-attachment: fixed;
}

.liu1 {
    position: relative;
    z-index: 9;
}

.title1 {
  text-align: center;
}

.title1 h1 {
  color: #ffffff;
  font-size: 36px;
  line-height: 1;
  padding-top: 72px;
  padding-bottom: 15px;
}

.title1 h1 span {
  font-weight: bold;
}

.title1 h2 span {
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 0.7;
  padding: 0 65px;
  position: relative;
}

.title1 h2 span:before {
  position: absolute;
  content: '';
  width: 50px;
  height: 2px;
  left: 0;
  transform: translate(0, -50%);
  background: #999999;
  top: 50%;
}

.title1 h2 span:after {
  position: absolute;
  content: '';
  width: 50px;
  height: 2px;
  right: 0;
  transform: translate(0, -50%);
  background: #999999;
  top: 50%;
}

.title1 h2 {
  text-align: center;
  padding-bottom: 42px;
  text-transform: uppercase;
}

.liu1a1 {}

.liu1 ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.liu1 li {
  width: 165px;
  height: 168px;
  text-align: center;
  border-radius: 6px;
  overflow: hidden;
  z-index: 999;
  position: relative;
}

.liu1a1 span {
  display: block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  margin: 0 auto;
  margin-top: 29px;
  font-weight: bold;
  background: url(../image/20200811152249s4i3.png)no-repeat center;
}

.liu1a1 h1 {
  font-size: 14px;
  line-height: 22.5px;
  padding-top: 20px;
  color: #ffffff;
}

.liu1a1 h2 {
  font-size: 18px;
  color: #ffffff;
  line-height: 22.5px;
}

.liu1a2 {
  background: #025fa5;
  height: 100%;
  display: none;
}

.liu1a2 h3 {
  padding: 21px 0 11px 0;
  line-height: 14px;
}

.liu1a2 span {
  padding: 0 15px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  position: relative;
}

.liu1a2 span:before {
  position: absolute;
  content: '';
  width: 9px;
  height: 1px;
  background: #ffffff;
  left: 0;
  top: 50%;
}

.liu1a2 span:after {
  position: absolute;
  content: '';
  width: 9px;
  height: 1px;
  background: #ffffff;
  right: 0;
  top: 50%;
}

.liu1a2 h1 {
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
}

.liu1a2 h2 {
  font-size: 12px;
  line-height: 2;
  color: #dbdbdb;
  padding: 10px 13px;
}


.con {
  width: 1200px;
  margin: 0 auto;
}

.liu {
  padding-bottom: 73px;
  
}